<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>电子政务协同审批平台</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=no">
	<meta name="description" content="">
	<meta name="author" content="">
	<link rel="stylesheet" type="text/css" href="../../../css/cloud-admin.css" >
	<link rel="stylesheet" type="text/css"  href="../../../css/themes/default.css" id="skin-switcher" >
	<link href="../../../font-awesome/css/font-awesome.min.css" rel="stylesheet">
		
	<!-- bootstrap table css-->
	<link rel="stylesheet" href="../../../bootstrapTable/dist/bootstrap-table.min.css">

	<!--jquery -->
	<script type="text/javascript" src="../../../js/jquery/jquery-2.0.3.min.js" ></script>
	<!-- BOOTSTRAP -->
	<script src="../../../bootstrap-dist/js/bootstrap.min.js"></script>
	
	<!-- bootstrap table js -->
	<script src="../../../bootstrapTable/dist/bootstrap-table.js"></script>
	<script src="../../../bootstrapTable/dist/locale/bootstrap-table-zh-CN.js"></script>

	<!-- xcConfirm -->
	<link rel="stylesheet" type="text/css" href="../../../css/xcConfirm.css"/>
	<script src="../../../js/xcConfirm.js" type="text/javascript" charset="utf-8"></script>	
	
	<script type="text/javascript" src="../../../js/share.js" ></script>
	
	<script type="text/javascript" src="menu.js" ></script>
	<script type="text/javascript" src="menuDetail.js" ></script>
</head>

<body>
	<!-- HEADER -->
	<header class="navbar clearfix" id="header">
		<div class="container">
				<div class="navbar-brand">
					<!-- COMPANY LOGO -->
					<a href="../../../">
						<img src="../../../img/logo/logo.png" alt="Cloud Admin Logo" class="img-responsive" height="30" width="120">
					</a>
					<!-- /COMPANY LOGO -->
					<!-- TEAM STATUS FOR MOBILE -->
					<div class="visible-xs">
						<a href="#" class="team-status-toggle switcher btn dropdown-toggle">
							<i class="fa fa-users"></i>
						</a>
					</div>
					<!-- /TEAM STATUS FOR MOBILE -->
					<!-- SIDEBAR COLLAPSE -->
					<div id="sidebar-collapse" class="sidebar-collapse btn">
						<i class="fa fa-bars" 
							data-icon1="fa fa-bars" 
							data-icon2="fa fa-bars" ></i>
					</div>
					<!-- /SIDEBAR COLLAPSE -->
				</div>
		</div>
	</header>
	<!--/HEADER -->
	<!-- PAGE -->
	<section id="page">
				<!-- SIDEBAR -->
				<div id="sidebar" class="sidebar">
					<div class="sidebar-menu nav-collapse">
						
						<!-- SIDEBAR QUICK-LAUNCH -->
						<!-- <div id="quicklaunch">
						<!-- /SIDEBAR QUICK-LAUNCH -->
						
						<!-- SIDEBAR MENU -->
						
						<ul id="menu">
						
						</ul>
						
						<!-- /SIDEBAR MENU -->
					</div>
				</div>
				<!-- /SIDEBAR -->
		<div id="main-content">
			<!-- SAMPLE BOX CONFIGURATION MODAL FORM-->
			<div class="modal fade" id="box-config" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
				<div class="modal-dialog">
				  <div class="modal-content">
					<div class="modal-header">
					  <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
					  <h4 class="modal-title">Box Settings</h4>
					</div>
					<div class="modal-body">
					  Here goes box setting content.
					</div>
					<div class="modal-footer">
					  <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
					  <button type="button" class="btn btn-primary">Save changes</button>
					</div>
				  </div>
				</div>
			  </div>
			<!-- /SAMPLE BOX CONFIGURATION MODAL FORM-->
			<div class="container">
				<div class="row">
					<div id="content" class="col-lg-12">
						<!-- PAGE HEADER-->
						<div class="row">
							<div class="col-sm-12">
								<div class="page-header">
									<!-- STYLER -->
									
									<!-- /STYLER -->
									<!-- BREADCRUMBS -->
									<ul class="breadcrumb">
										<li>
											<i class="fa fa-home"></i>
											<a href="../../../">工作台</a>
										</li>
										<li>
											<a>系统管理</a>
										</li>
										<li>菜单管理</li>
									</ul>
									<!-- /BREADCRUMBS -->
									<div class="clearfix" style="margin-bottom: 5px">
										<h3 class="content-title pull-left">菜单列表</h3>
										<!-- DATE RANGE PICKER -->
										<span class="date-range pull-right">
											<div class="btn-group">
												<a id="addMenu" class="js_update btn btn-info" href="javascript:void(0)"><span class="glyphicon glyphicon-tag"></span>新增</a>
												<a id="batchDelete" class="js_update btn btn-info" href="javascript:void(0)"><span class="glyphicon glyphicon-minus"></span>批量删除</a>
												<a class="js_update btn btn-info hidden-xs" onclick="window.location.href='index.html'"><span class="glyphicon glyphicon-refresh"></span>刷新</a>
												
												<!-- <a id="reportrange" class="btn reportrange">
													<i class="fa fa-calendar"></i>
													<span></span>
													<i class="fa fa-angle-down"></i>
												</a> -->
											</div>
										</span>
										<!-- /DATE RANGE PICKER -->
									</div>							
								</div>
								
								<!-- 查控件区域 -->
								
								
							    <form class="form-horizontal">
						        <fieldset>
						            <div class="form-group">

						                <label class="col-sm-1 control-label">菜单名称</label>
						                <div class="col-sm-2">
						                    <input type="text" class="form-control" id="menuname" />            
						                </div>
						                
						                <label class="col-sm-1 control-label">父级菜单</label>
						                <div class="col-sm-2">
						                    <select id="menufidname" class="form-control">
												<option value=""></option>
											</select>
						                </div>
						                
										<div class="form-group">
										    <div class="col-sm-1">
										      <button type="button" class="btn btn-primary" id="search"><span class="glyphicon glyphicon-search"></span>搜索</button>
										    </div>
										</div>
						            </div>
					            </fieldset>
					            </form>								
							</div>
						</div>
						<!-- /PAGE HEADER -->


						<!-- 内容区域 -->	
							<div class="col-md-12">
							
							<table id="menuTable"></table>


							<!-- 新增/修改表单 -->
							<div class="modal fade" id="modalMenu" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
								<div class="modal-dialog" id="modalW" style="min-width: 1000px; ">
									<div class="modal-content">
										<div class="modal-header modal-primary">
											<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
												&times;
											</button>
											<h4 class="modal-title" id="myModalLabel" style="font-weight: 900;">
												<span id="title">菜单新增</span>
											</h4>
										</div>
										<div class="modal-body">
										
										    <form class="form-horizontal" id="menuForm">
									   			<table id="modalTab" class="table table-bordered"  style="vertical-align: middle !important;text-align: center;">
													<tr>
														<td>
															菜单名称<span style="color:red;">*</span>：
														</td>
														<td>
															<input type="hidden" class="form-control" name="menuid" id="menuid"/>
															<input id="name" type="text" class="form-control" name="name" placeholder="请输入菜单名称" />
														</td>
														<td>
															菜单URL<span style="color:red;">*</span>：
														</td>
														<td>
															<input id="url" type="text" class="form-control" name="url" placeholder="请输入菜单URL" />
														</td>
													</tr>
													<tr>
														<td>
															功能描述：
														</td>
														<td colspan="3">
															<textarea id="remark" class="form-control" rows="5" name="remark" placeholder="请输入菜单功能描述"></textarea>
														</td>
													</tr>
													<tr>
														<td>
															父级菜单：
														</td>
														<td>
															<select id="selectfid" class="form-control" name="menufid">
																<option id="optionfid" value="">无</option>
															</select>
														</td>
														<td>
															菜单图标：
														</td>
														<td>
															<select id="icon" class="form-control" name="icon">
																<option id="optionicon" value="">无</option>
															</select>
														</td>
													</tr>
													<tr>
														<td>
															是否生效<span style="color:red;">*</span>：
														</td>
														<td style="text-align: left;">
															<input class="radi" type="radio" name="ifenable" value="1" checked="checked"/>是
															<input class="radi" type="radio" name="ifenable" value="0" />否
														</td>
														<td colspan="2"></td>
													</tr>
									   			</table>
								   			</form>									   											   								            
										</div>
										<div class="modal-footer">
											<button type="button" class="btn btn-primary" id="save">提交</button>
											<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
										</div>
									</div><!-- /.modal-content -->
								</div>
								<!-- modal增加移动效果 start -->
								<script src="../../../js/jquery-ui-1.10.3.custom/js/jquery-ui-1.10.3.custom.min.js"></script>
								<script type="text/javascript">
								    $("#modalW").draggable();//为模态对话框添加拖拽
								</script>	
								<!-- modal增加移动效果 end -->								
							</div>		
							<!-- 新增/修改表单 -->
							
						<!-- 内容区域 -->	
						
						<div class="footer-tools">
							<span class="go-top">
								<i class="fa fa-chevron-up"></i> Top
							</span>
						</div>
					</div><!-- /CONTENT-->
				</div>
			</div>
		</div>
	</section>
	<!--/PAGE -->
	<!-- JAVASCRIPTS -->
	<!-- Placed at the end of the document so the pages load faster -->
	
		
	<!-- COOKIE -->
	<script type="text/javascript" src="../../../js/jQuery-Cookie/jquery.cookie.min.js"></script>
	<!-- CUSTOM SCRIPT -->
	<script src="../../../js/script.js"></script>
	</body>

</html>